/* 用户名检验 */
var check_usercode = false
/* 密码检验 */
var check_password = false
/* 默认头像图片 */
var defaultImgSrc = '/images/user_visitor.png'
/* 修改样式 */
function deny_check(x){
    $(x).addClass('is-invalid')
    $(x).removeClass('is-valid')
    return false;
}
function pass_check(x){
    $(x).addClass('is-valid')
    $(x).removeClass('is-invalid')
    return true;
}
/* 切换头像图片 */
function css_change_img(imgSrc){
    $x = $('.card-img-top')
    /* 淡出 */
    $x.animate({opacity: '0.2'}, 300, () => {
        $x.attr('src', imgSrc)
    })
    /* 渐入 */
    $x.animate({opacity: '1'}, 300)
}
/* 用户账号检验 */
$("#form-usercode").blur(function (){
    let userCode = $(this).val()
    if (userCode != '') {
        /* 检查账号是否存在 */
        $.ajax({
            url: '/login/' + userCode,
            type: 'GET',
            dataType: 'JSON',
            async: false,
            error: (err) => {
                alert('AJAX请求失败!')
                console.log(err.status)
                console.log(err.responseText)
            },
            success: (result) => {
                if (result['code'] == 1) {
                    check_usercode = pass_check('#form-usercode')
                    $('#label-role').text('身份:' + result['response']['roleName'])
                    css_change_img(result['response']['img'])
                } else {
                    check_usercode = deny_check('#form-usercode')
                    $('#label-role').text('身份:游客')
                    css_change_img(defaultImgSrc)
                }
            }
        })
    } else {
        check_usercode = deny_check('#form-usercode')
        css_change_img(defaultImgSrc)
    }
});
$("#form-password").blur(function (){
    if($(this).val() != '' && check_usercode)
        check_password = pass_check('#form-password', check_password)
    else
        check_password = deny_check('#form-password', check_password)
})

/* 跳转注册*/
$('#btn-register').click(() => window.location = '/register.html')
/* 登陆 */
$("#btn-login").click(() => {
    $("#form-usercode").blur()
    $("#form-password").blur()
    reqData = $('#form-login').serialize()
    if(check_usercode && check_password){
        $.ajax({
            url: '/login',
            type: 'POST',
            data: reqData,
            dataType: 'json',
            error: (err) => {
                alert('登陆AJAX请求失败!')
                console.log(err.responseText)
            },
            success: (result) => {
                console.log(result)
                if(result['code'] == '1') {
                    window.location = '/index.html';
                }
                else {
                    $('#form-code').val('')
                    open_toast('fail', result['message'])
                    $('#form-code').focus()
                }
            }
        })
    } else open_toast('fail', '请输入规范的账号和密码')
});

/* 页面按键监听 */
$(document).keydown(function(event){
    if (event.keyCode === 13) {//回车键登陆
        $("#btn-login").click();
    }
});